#header,#content,#footer{width:970px;padding-left:30px;}
/*.course-category{float:left;position:relative;width:200px;height:567px;margin-right:10px;}*/
.course-category{float:left;position:relative;width:200px;height:567px;margin-right:10px;position:relative;z-index:100}
.category-nav{position:absolute;width:30px;height:298px;left:-30px;top:-12px; background:url(/styles/theme/base/img/main/index-main.png) no-repeat;}
.category-nav li{height:79px; vertical-align:middle;}
.category-nav li a{display:block;height:79px; line-height:900px; overflow:hidden; background:url(/styles/theme/base/img/main/index-main.png) no-repeat -9999px -9999px;}
.category-nav .field4 a{height:61px;}
.category-nav .field1 .current, .category-nav .field1 a:hover{background-position:-35px 0;}
.category-nav .field2 .current, .category-nav .field2 a:hover{background-position:-35px -79px;}
.category-nav .field3 .current, .category-nav .field3 a:hover{background-position:-35px -158px;}
.category-nav .field4 .current, .category-nav .field4 a:hover{background-position:-35px -237px;}
.category-list{height:577px;margin-top:-10px;border:2px solid #65ac27;background:#fcfff1;border-top:0 none;}
.category-list .cl-item{position:relative;padding:10px 5px 9px 10px;border-bottom:1px solid #f6fddc;border-top:1px solid #fff;}
.category-list .cl-item:hover{background:#65ac27;border-top-color:#65ac27;}
.category-list .cl-item:hover dt{color:#fff;}
.category-list .cl-item:hover dd a{color:#fff;}
.category-list .cl-item:hover .navicon{display:none;}
.category-list .cl-item dt{position:relative;font-weight:bold;color:#fc672d;font-size:14px;}
.category-list .cl-item .navicon{position:absolute;width:6px;height:11px;right:10px;top:5px; background:url(/styles/theme/base/img/main/mian-icon8.png) no-repeat 0 -410px;}
.category-list .cl-item dd a{display:inline-block;margin-right:5px; line-height:22px;color:#333;}
.category-list .cl-item dd a:hover{color:#fff;}

.list-wrap{position: relative;}

/*.pop-subcategory {width: 625px;top:-1px;left: 198px;position: absolute; z-index: 10;}*/
.pop-subcategory {width: 625px;top:-1px;left: 198px;position: absolute; z-index: 9999;}
.pop-subcategory .shadow {position: relative;overflow: hidden;height: 100%;width: 100%;background: #65AC27;z-index:9999}
.pop-subcategory .lst-subcategory {float: left;margin: 6px 0 10px 0;width: 292px;display: inline; overflow: hidden;}
.pop-subcategory .lst-subcategory .subitem{color:#FFF;float: left;width: 80px;margin-right: 8px;height: 16px;line-height:16px;overflow: hidden;border-left: 1px solid #ec6a0a;margin-bottom: 8px;padding-left:3px;}
.pop-subcategory .lst-subcategory dl {background-position: 0 0;padding-top: 1px;margin-right: 10px;background-repeat: repeat-x;}
.pop-subcategory .store{float: left;width: 100%;}
.pop-subcategory .lst-subcategory dt {}
.pop-subcategory .lst-subcategory dt a {position: relative; color: #FFF;}
.pop-subcategory .lst-subcategory dd {margin-top: -27px;padding-left: 70px;overflow: hidden;zoom: 1;}
.pop-subcategory .list-item,.pop-subcategory .lst-subcategory,.pop-subcategory .lst-top{max-height: 502px;max-height: 505px\0;overflow: hidden;height: auto;}
.pop-subcategory .lst-subcategory {float: left;padding: 0 0 10px 17px;width: 292px;}
.pop-subcategory dl {border-top:1px dotted #fff;border-top:1px dotted rgba(255,255,255,.5);margin-top:-1px;margin-right: 10px;}
.pop-subcategory .lst-subcategory dl.first,.pop-subcategory .lst-topitems dl.first{background: none;}
.pop-subcategory .lst-subcategory dt,.pop-subcategory .lst-subcategory dt a,.pop-subcategory .lst-topitems dt,.pop-subcategory .lst-topitems dt a{color:#FFF;line-height: 30px;font-weight: 700;clear: both;co}
.pop-subcategory dt a {position: relative;}
.pop-subcategory dt {width: 68px;height: 30px;overflow: hidden;}
.pop-subcategory dd {margin-top: -27px;padding-left: 70px;overflow: hidden;zoom: 1;}
.category-list .pop-subcategory dd a {padding: 0 5px;color:#FFF;display: inline-block;height: 15px;margin: 4px 0 7px;line-height: 15px;white-space: nowrap;}

.pop-subcategory .lst-top {width: 305px;float: right;}
.pop-subcategory .lst-top dd {padding-left: 68px;}
.pop-subcategory .lst-topitems dt b {display: none;}
.pop-subcategory .lst-topitems {margin: 6px 10px 0;overflow: hidden;*zoom: 1;}
.pop-subcategory .lst-recmd {margin: 20px 0 0 20px;width: 255px;}
.pop-subcategory dt a {height: 30px;overflow: hidden;}


.field-cont1 .category-list{border:2px solid #65ac27;background:#f8ffef; border-top:0 none;}
.field-cont1 .category-list .cl-item:hover{background:#65ac27;border-top-color:#65ac27;}
.field-cont1 .pop-subcategory .shadow {background: #65AC27;}
.field-cont1 .category-list .cl-item{border-bottom:1px solid #e2ffbc;border-top:1px solid #fff;}
.field-cont1 .category-list .cl-item dt{color: #65ac27}
.field-cont1 .category-list .cl-item:hover dt{color:#fff;}

.field-cont2 .category-list{border:2px solid #fd662c;background:#fff6f3;border-top:0 none;}
.field-cont2 .category-list .cl-item:hover{background:#fd662c;border-top-color:#fd662c;}
.field-cont2 .pop-subcategory .shadow {background: #fd662c;}
.field-cont2 .category-list .cl-item{border-bottom:1px solid #ffd6c6;border-top:1px solid #fff;}
.field-cont2 .category-list .cl-item dt{color: #fd662c}
.field-cont2 .category-list .cl-item:hover dt{color:#fff;}

.field-cont3 .category-list{border:2px solid #0087fb;background:#f0f8ff;border-top:0 none;}
.field-cont3 .category-list .cl-item:hover{background:#0087fb;border-top-color:#0087fb;}
.field-cont3 .pop-subcategory .shadow {background: #0087fb;}
.field-cont3 .category-list .cl-item{border-bottom:1px solid #d6ecff;border-top:1px solid #fff;}
.field-cont3 .category-list .cl-item dt{color: #0087fb}
.field-cont3 .category-list .cl-item:hover dt{color:#fff;}

.field-cont4 .category-list{border:2px solid #fb6def;background:#fff3fe;border-top:0 none;}
.field-cont4 .category-list .cl-item:hover{background:#fb6def;border-top-color:#fb6def;}
.field-cont4 .pop-subcategory .shadow {background: #fb6def;}
.field-cont4 .category-list .cl-item{border-bottom:1px solid #ffdffc;border-top:1px solid #fff;}
.field-cont4 .category-list .cl-item dt{color: #fb6def}
.field-cont4 .category-list .cl-item:hover dt{color:#fff;}





/*.main-top{margin-left:210px; overflow:hidden;zoom:1;}*/
.main-top{overflow:hidden;zoom:1; float:left; margin-left:0; width:760px;position:relative;z-index:99}
.focus-topic{width:450px;float:left;margin-right:10px;}
.focus-topic .focus{width:450px;height:150px; overflow:hidden;zoom:1;margin-bottom:10px;}



.t-list{ overflow:hidden;zoom:1;padding:10px 0;}
.t-list li{float:left;width:44%;margin:0 3%; line-height:24px; font-family:simsun; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.login-search{float:right;width:300px;}
.ls-login{height:50px; background:url(/styles/theme/base/img/main/index-main.png) no-repeat -66px -3px;margin-bottom:10px;}
.ls-login a{float:left;height:50px; overflow:hidden; line-height:500px;background:url(/styles/theme/base/img/main/index-main.png) no-repeat -9999px -999px;}
.ls-login .reg{width:104px;}
.ls-login .reg:hover{background-position:-66px -56px;}
.ls-login .log{width:92px;}
.ls-login .log:hover{background-position:-170px -56px;}
.ls-login .shops{width:104px;}
.ls-login .shops:hover{background-position:-262px -56px;}
.quick-search{height:248px; background:url(/styles/theme/base/img/main/index-main.png) no-repeat -67px -111px;}
.quick-search .s-info{position:relative;height:200px;}
.s-info .text{position:absolute;width:60px;height:16px; text-align:center;  line-height:16px;padding:5px;border:0 none;border-bottom:1px solid #fc672d; background:transparent;}
.s-info .text:hover,.s-info .text:focus{background:#fff;border:1px solid #fc672d;}
.s-info .age{left:160px;top:14px;font:bold 16px arial;}
.s-info .city{left:87px;top:63px;}
.s-info .area{left:185px;top:63px;}
.s-info .custom{left:160px;top:110px;width:110px;}
.s-info .qs-btn{position:absolute;width:92px;height:30px;right:18px;top:150px; background:url(/styles/theme/base/img/common/sprites.png) no-repeat; border:0 none; cursor:pointer;}
.quick-search .user-num{ text-align:center;color:#333;padding-top:10px;}
.quick-search .user-num strong{fong-size:14px;color:#f00;}

.hot-recommond{margin:10px 0 0;}
.hot-recommond .sub-nav li{float:left;margin:10px 0 0 5px;}
.hot-recommond .sub-nav li a{display:inline-block;width:16px;height:16px; background:url(/styles/theme/base/img/main/mian-icon8.png) no-repeat 0 -214px;}
.hot-recommond .sub-nav li.current a, .hot-recommond .sub-nav li a:hover{background-position:0 -240px;}
.hot-recommond .tabs-bd{overflow:hidden;position:relative;}

.course-list{position:relative;height:218px;overflow:hidden;zoom:1;margin-left:-15px;}
.course-list li{position:relative;float:left;width:369px;padding:13px 0 14px 15px;border-left:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.course-list .pic{float:left;margin-right:10px;}
.course-list .pic img{display:block;width:84px;height:84px;border:1px solid #ccc; padding:1px;background:#fff;}
.course-list .info{height: 88px; overflow: hidden;}
.course-list .info p{padding-top:4px;color:#999;}
.course-list .info .price{font-weight:bold;color:#d43300;}
.course-list .info .i-local{margin:0 0 -2px 5px;}
.course-list .off-price{position:absolute;right:5px;bottom:12px;width:52px;height:55px; background:url(/styles/theme/base/img/main/index-main.png) no-repeat -8px -308px; text-align:center; font:normal 22px/32px arial;color:#fff;}

/* 1F */
.column{border:1px solid #e3db24; background:url(/styles/theme/base/img/common/repeatx.png) repeat-x 0 -252px;}
.column .col-main{overflow:hidden;}
.column .main-wrap{margin-left:220px;padding-left:10px;border-left:1px solid #e3db24;padding-bottom:500px;margin-bottom:-500px;}
.column .col-sub{border-right:1px solid #e3db24;}
.column .menu{position:relative;padding:10px;}
.column .menu dt{position:absolute;width:160px;height:40px;left:-5px;padding-left:60px;font:normal 16px/36px microsoft yahei;color:#fff; background:url(/styles/theme/base/img/main/index-title.png) no-repeat;}
.column .menu dd{padding-top:40px;}
.column .menu dd a{float:left;width:40%;margin:5px 0 5px 10%;}
.column .sub-nav{float:right;padding:15px 10px 15px 0; overflow:hidden;}
.column .sub-nav li{float:left;border-left:1px solid #cec500;margin-left:-1px;padding:0 10px;}
/*.column .sub-nav li a{display:block;height:12px; line-height:12px;font:bold 12px/12px arial;*line-height:14px;color:#cec500;}*/
.column .sub-nav li a{height:12px; line-height:12px;font:bold 12px/12px arial;*line-height:14px;color:#cec500;}
.column .sub-nav li.current{position:relative;background:#cec500; line-height:18px;margin-top:-5px;padding:5px 10px;border-radius:3px;margin-left: 0;}
.column .sub-nav li.current a{color:#FFF;}
.column .sub-nav li.current:after{position:absolute;display:block;content:"◆";left:50%;bottom:-8px;margin-left:-6px;color:#cec500;}

.column .course-wrap{overflow:hidden;clear:both;zoom:1;}
.column .course-list{margin-left:-5px;height:auto;}
.column .course-list li{width:355px;border-bottom:0 none;border-color:#e3db24;}
.column .course-list li:hover{background:#f2f2f2;}
.column .course-list li .pic img{width:100px;height:74px;}

.column .ad-position{margin-top:-10px; text-align:center;}
.column .right-ad{ text-align:center;}

/* 2F */
.purple{border-color:#ffc3fb;background-position:0 -749px;}
.purple .main-wrap, .purple .col-sub{border-color:#ffc3fb;}
.purple .menu dt{background-position:0 -40px;}
.purple .sub-nav li{border-left-color:#d053c7;}
.purple .sub-nav li a{color:#d053c7;}
.purple .sub-nav li.current{background:#d053c7;}
.purple .sub-nav li.current:after{color:#d053c7;}
.purple .course-list li{border-color:#ffc3fb;}

/* 3F */
.cyan{border-color:#97fbf0;background-position:0 -1251px;}
.cyan .main-wrap, .cyan .col-sub{border-color:#97fbf0;}
.cyan .menu dt{background-position:0 -80px;}
.cyan .sub-nav li{border-left-color:#1dcbb8;}
.cyan .sub-nav li a{color:#1dcbb8;}
.cyan .sub-nav li.current{background:#1dcbb8;}
.cyan .sub-nav li.current:after{color:#1dcbb8;}
.cyan .course-list li{border-color:#97fbf0;}

/* 4F */
.green{border-color:#adf4a4;background-position:0 -1750px;}
.green .main-wrap, .green .col-sub{border-color:#adf4a4;}
.green .menu dt{background-position:0 -120px;}
.green .sub-nav li{border-left-color:#21b90f;}
.green .sub-nav li a{color:#21b90f;}
.green .sub-nav li.current{background:#21b90f;}
.green .sub-nav li.current:after{color:#21b90f;}
.green .course-list li{border-color:#adf4a4;}

/* 5F */
.blue{border-color:#9ce4ff;background-position:0 -2250px;}
.blue .main-wrap, .blue .col-sub{border-color:#9ce4ff;}
.blue .menu dt{background-position:0 -160px;}
.blue .sub-nav li{border-left-color:#0faae4;}
.blue .sub-nav li a{color:#0faae4;}
.blue .sub-nav li.current{background:#0faae4;}
.blue .sub-nav li.current:after{color:#0faae4;}
.blue .course-list li{border-color:#9ce4ff;}

/* bbs-link */
.hot-post{float:left;width:26%;margin-left:2.3%;display:inline;}
.hot-post .title{height:30px; line-height:30px; border-bottom:2px solid #a0e2e8;padding-top:10px;}
.hot-post .more{float:right;font-family:simsun;color:#999;}
.hot-post .title h3{color:#00b1c1;font:normal 14px/30px microsoft yahei;}
.hot-post .t-list li{width:100%;margin:0;}

.photo-album{width:39%;}
.photo-album .photo-list{padding-top:8px;}
.photo-album .photo-list li{float:left;width:69px;margin:10px 3px; text-align:center;}
.photo-album .photo-list img{border:1px solid #ccc;padding:2px;background:#fff;}
.photo-album .photo-list li span{display:block;width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.mainpromo div {border: 1px solid #D8D8D8; position: relative;}
.mainpromo div, .mainpromo ol li img {height: 150px;overflow: hidden;width: 450px;}
ul, ol {list-style: none outside none;}
.hotsale ul, ol {margin: 0;padding: 0;}

.mainpromo-hint {bottom: 0;display: none;position: absolute;right: 0;}
.mainpromo-triggers { bottom: 1px;padding-left: 2px;position: absolute;right: 9px;}
.mainpromo-triggers, .mainpromo-hint {transform: translateZ(0px);transition: all 0.2s ease-in-out 0s;z-index: 5;}
.mainpromo-triggers li {background: none repeat scroll 0 0 #9F9E99;border: 1px solid #D8D8D8;color: #FFFFFF;cursor: pointer;float: left;font-size: 11px;height: 12px;line-height: 18px;margin-left: 3px;opacity: 0.7;overflow: visible;text-align: center;width: 12px;}
.mainpromo-triggers li.ks-active {background: none repeat scroll 0 0 #D8D8D8;color: #FFFFFF; font-weight: bold;opacity: 1;position: relative;z-index: 2;}
